<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link href="/webjars/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container p-4 w-50">
    <div class="card">
        <div class="card-header">
            <h1 class="card-title font-weight-bold text-center">用户注册</h1>
        </div>
        <div class="card-body">
            <form action="/register.do" method="post" class="form-horizontal">
                <div class="form-group">
                    <label for="uName" class="col-form-label-sm font-weight-bold"> 姓名</label>
                    <input type="text" name="uName" id="uName" placeholder="请输入姓名" class="form-control"/>
                </div>

                <div class="form-group">
                    <label for="uPwd" class="col-form-label-sm font-weight-bold">密码</label>
                    <input type="password" name="uPwd" id="uPwd" placeholder="请输入密码" class="form-control"/>
                </div>

                <div class="row">
                    <div class="col">
                        <div class="form-group">
                            <label for="uGender" class="col-form-label-sm font-weight-bold">性别选择</label>
                            <select id="uGender" name="uGender" class="form-control">
                                <option value="MALE" selected="selected">男</option>
                                <option value="FEMALE">女</option>
                            </select>
                        </div>
                    </div>
                    <div class="col">
                        <div class="form-group">
                            <label for="uAge" class="col-form-label-sm font-weight-bold">年龄</label>
                            <input type="text" id="uAge" name="uAge" class="form-control"/>
                        </div>
                    </div>
                </div>


                <div class="form-group">
                    <label for="uPhone" class="col-form-label-sm font-weight-bold">电话号码</label>
                    <input type="text" id="uPhone" name="uPhone" class="form-control">
                </div>

                <div class="form-group">
                    <button type="submit" class="btn-block font-weight-bold">提交</button>
                </div>
            </form>
        </div>
    </div>
    <div class="card-footer">
        欢迎使用点餐系统105
    </div>
</div>


<script src="webjars/jquery/3.0.0/jquery.min.js"></script>
<script src="webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>